<!DOCTYPE html><html lang="ja"><head><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WHK42DWF');</script><meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/png" href="/harness-camp-members/assets/favicon.png"><title>Harness Camp 第1期 — ログイン</title>
<link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap" rel="stylesheet">
<style>
*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;min-height:100dvh;padding:24px;display:grid;place-items:center;background:#f5f6f8 url(/harness-camp-members/assets/kv-square.jpg) center/cover no-repeat;color:#111214;font-family:'Yu Gothic','YuGothic','Hiragino Sans','Noto Sans JP',system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0;background:rgba(245,246,248,.86);pointer-events:none}
.card{position:relative;width:min(100%,400px);background:#fff;padding:40px 34px;border-radius:4px;box-shadow:0 18px 48px -24px rgba(0,0,0,.42);border:1px solid #e1e4e8;border-top:4px solid #ff252d}
.logo{font-weight:900;letter-spacing:.02em;color:#111214;font-family:Montserrat,'Yu Gothic',sans-serif;font-size:16px;margin-bottom:18px}
h1{font-size:21px;line-height:1.45;margin:0 0 8px;font-weight:900}p{color:#676e78;font-size:13px;margin:0 0 22px;line-height:1.7}
label{display:block;font-size:13px;color:#4d535c;font-weight:700;margin:14px 0 7px}.field{position:relative}
input{width:100%;min-height:50px;padding:12px 70px 12px 14px;border-radius:4px;border:1px solid #c9cdd3;background:#fff;color:#111214;font-size:16px;line-height:1.4}
input:hover{border-color:#8a9099}input:focus{border-color:#1f6feb;outline:3px solid rgba(31,111,235,.2);outline-offset:1px}
button{font:inherit}.reveal{position:absolute;right:3px;top:3px;bottom:3px;min-width:56px;margin:0;padding:0 10px;border:0;border-radius:3px;background:#f0f2f4;color:#40464f;font-size:13px;font-weight:700;cursor:pointer}
.submit{width:100%;min-height:50px;margin-top:20px;padding:12px;border:0;border-radius:4px;background:#d9151d;color:#fff;font-weight:800;font-size:15px;cursor:pointer}.submit:hover{background:#bd1017}
button:focus-visible{outline:3px solid #1f6feb;outline-offset:3px}.help{margin:8px 0 0;font-size:12px;line-height:1.65}.support{margin:18px 0 0;padding-top:16px;border-top:1px solid #eceef0;font-size:12px;line-height:1.7}
.err{color:#b20f16;font-size:13px;font-weight:700;margin-top:14px;padding:10px 12px;background:#fff2f2;border-left:3px solid #d9151d;border-radius:2px}
@media(max-width:480px){body{padding:16px}.card{padding:32px 24px}h1{font-size:20px}.logo{margin-bottom:15px}}
</style></head>
<body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WHK42DWF" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe></noscript><form class="card" method="POST" action="/harness-camp-members/__gate"><input type="hidden" name="next" value="/harness-camp-members/prelearning.css?v=ea36e7dce6a1">
<div class="logo">HARNESS CAMP 第1期</div><h1>受講生ログイン</h1>
<p>Harness Camp 第1期の受講生限定エリアです。購入後にお届けしたパスワードを入力してください。</p>
<label for="password">パスワード</label>
<div class="field"><input id="password" type="password" name="password" placeholder="購入後メッセージのパスワード" autocomplete="current-password" required autofocus aria-describedby="password-help"><button class="reveal" id="toggle-password" type="button" aria-controls="password" aria-pressed="false">表示</button></div>
<p class="help" id="password-help">英数字の前後に空白が入っていないかご確認ください。</p>
<button class="submit" type="submit">ログイン</button>

<p class="support">ログインできない場合は、購入時にご案内した窓口へお問い合わせください。</p>
</form><script>(()=>{const input=document.getElementById("password"),button=document.getElementById("toggle-password");button.addEventListener("click",()=>{const show=input.type==="password";input.type=show?"text":"password";button.textContent=show?"隠す":"表示";button.setAttribute("aria-pressed",String(show));input.focus()})})()</script><script defer src="/assets/analytics-events.js"></script><script defer src="/assets/hm.js"></script><script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"0b02c052f1df4c61a98edeb888a74f7e","r":1,"spa":2}' crossorigin="anonymous"></script>
</body></html>